<%-- 
    Document   : hola
    Created on : 23/03/2012, 11:30:07 AM
    Author     : carlos
--%>
<%@page import="Servlet.logueando" %>
<%@page session="true" language="java" %>

<%
    response.setHeader("Pragma", "no-cache");
    response.addHeader("Cache-Control", "must-revalidate");
    response.addHeader("Cache-Control", "no-cache");
    response.addHeader("Cache-Control", "no-store");
    response.setDateHeader("Expires", 0);

    HttpSession session_actual = request.getSession(true);
    String usuario = (String) session_actual.getAttribute("USER");

    if (usuario == null) {
        response.sendRedirect("index.jsp");
    }

%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        
        
        
        
        <script type="text/javascript" src="libs/flexigrid/js/flexigrid.js"></script>
        <script type="text/javascript" src="libs/flexigrid/js/flexigrid.pack.js"></script>
        
        <link rel="stylesheet" type="text/css" href="libs/flexigrid/css/flexigrid.css"/>
        <link rel="stylesheet" type="text/css" href="libs/flexigrid/css/flexigrid.pack.css"/>
        
         <script type="text/javascript">
            function ocultar(){
                var tb = document.getElementById("content-table");
                tb.style.display="none";
                
                var backup = document.getElementById("tabs");
                backup.style.display="block";
                
                var backup = document.getElementById("page-heading");
                backup.style.display="none";
                
                
               var backup = document.getElementById("page-backup");
                backup.style.display="block";
                
                $("div.flexigrid:nth-child(3)").css("display","none");
                $("div.flexigrid:nth-child(4)").css("display","none");
                $("#tagcopias").css("background","url(../../img/shared/nav/pro_line_1.gif)");
                $("#tagusuario").css("background","none");
                $("#tagreportes").css("background","none");
                $("#tagbitacora").css("background","none");
            }
             function ocultaa(){
                $("div.flexigrid:nth-child(3)").css("display","block");
                $("div.flexigrid:nth-child(4)").css("display","none");
                var tb = document.getElementById("content-table");
                tb.style.display="none"; 
                
                var backup = document.getElementById("page-backup");
                backup.style.display="none";
                
                var backup = document.getElementById("page-heading");
                backup.style.display="none";
                
                var backup = document.getElementById("tabs");
                backup.style.display="none";
                $("#reportes").css("margin","auto");
                $("#reportes").flexReload();
                $("#tagreportes").css("background","url(../../img/shared/nav/pro_line_1.gif)");
                $("#tagusuario").css("background","none");
                $("#tagcopias").css("background","none");
                $("#tagbitacora").css("background","none");
               
        }
        function cuerpo(){
            $("div.flexigrid:nth-child(3)").css("display","none");
            $("div.flexigrid:nth-child(4)").css("display","none");
            $(".flexigrid").css("margin","auto");
            $("#tagusuario").css("background","url(../../img/shared/nav/pro_line_1.gif)");
        }
        function ocultaBitacora(){
            $("div.flexigrid:nth-child(3)").css("display","none");
            $("#tabs, h1").css("display","none");
            $("div.flexigrid:nth-child(4)").css("display","block");
            var tb = document.getElementById("content-table");
                tb.style.display="none";
            $("#tagbitacora").css("background","url(../../img/shared/nav/pro_line_1.gif)"); 
            $("#tagusuario").css("background","none");
            $("#tagcopias").css("background","none");
            $("#tagreportes").css("background","none");
        }
            
        </script>
    </head>
    <body onload="cuerpo()">

        usuario: <%=usuario%>
        <h1>Hello World!</h1>
        <a href="logueando?salir=si" id="logout"> Cerrar Session</a>

        
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
	<tr>
		<th rowspan="3" class="sized"><img src="../../img/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
		<th class="topleft"></th>
		<td id="tbl-border-top">&nbsp;</td>
		<th class="topright"></th>
		<th rowspan="3" class="sized"><img src="../../img/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
	</tr>
	<tr>
		<td id="tbl-border-left"></td>
		<td>
		<!--  start content-table-inner ...................................................................... START -->
<!--		<div id="content-table-inner">-->
                        <div id="tabla">
                            
                        </div>

                        
			<!--  start table-content  -->
			<div id="table-content">
		

			<div class="clear"></div>
		 
		</div>
		<!--  end content-table-inner ............................................END  -->
		</td>
		<td id="tbl-border-right"></td>
	</tr>
	<tr>
		<th class="sized bottomleft"></th>
		<td id="tbl-border-bottom">&nbsp;</td>
		<th class="sized bottomright"></th>
	</tr>
	</table>

    </body>
</html>
